<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<body>
	<header class="main-header" th:fragment="header">
	    <a href="index2.html" class="logo">
			<span class="logo-mini"><b>北漂</b></span>
			<span class="logo-lg"><b>北</b>漂</span>
    	</a>
	    <nav class="navbar navbar-static-top">
			<a href="#" class="sidebar-toggle" data-toggle="push-menu" role="button">
				<span class="sr-only">Toggle navigation</span>
			</a>
			<div class="navbar-custom-menu">
				<ul class="nav navbar-nav">
					<!-- Messages: style can be found in dropdown.less-->
<!-- 					<li class="dropdown messages-menu"> -->
<!-- 					  <a href="#" class="dropdown-toggle" data-toggle="dropdown"> -->
<!-- 					    <i class="fa fa-envelope-o"></i> -->
<!-- 					    <span class="label label-success">4</span> -->
<!-- 					  </a> -->
<!-- 					  <ul class="dropdown-menu"> -->
<!-- 					    <li class="header">你有4条信息</li> -->
<!-- 					    <li> -->
<!-- 					      inner menu: contains the actual data -->
<!-- 					      <ul class="menu"> -->
<!-- 					        <li>start message -->
<!-- 					          <a href="#"> -->
<!-- 					            <div class="pull-left"> -->
<!-- 					              <img th:src="@{/images/user2-160x160.jpg}" class="img-circle" alt="User Image"> -->
<!-- 					            </div> -->
<!-- 					            <h4> -->
<!-- 					              支持团队 -->
<!-- 					              <small><i class="fa fa-clock-o"></i> 5分钟</small> -->
<!-- 					            </h4> -->
<!-- 					            <p>为什么不买一个新的很棒的主题呢？</p> -->
<!-- 					          </a> -->
<!-- 					        </li> -->
<!-- 					        end message -->
<!-- 					        <li> -->
<!-- 					          <a href="#"> -->
<!-- 					            <div class="pull-left"> -->
<!-- 					              <img th:src="@{/images/user3-128x128.jpg}" class="img-circle" alt="User Image"> -->
<!-- 					            </div> -->
<!-- 					            <h4> -->
<!-- 					              你设计小组 -->
<!-- 					              <small><i class="fa fa-clock-o"></i> 2 小时</small> -->
<!-- 					            </h4> -->
<!-- 					            <p>为什么不买一个新的很棒的主题呢？</p> -->
<!-- 					          </a> -->
<!-- 					        </li> -->
<!-- 					        <li> -->
<!-- 					          <a href="#"> -->
<!-- 					            <div class="pull-left"> -->
<!-- 					              <img th:src="@{/images/user4-128x128.jpg}" class="img-circle" alt="User Image"> -->
<!-- 					            </div> -->
<!-- 					            <h4> -->
<!-- 					              Developers -->
<!-- 					              <small><i class="fa fa-clock-o"></i> 今天</small> -->
<!-- 					            </h4> -->
<!-- 					            <p>为什么不买一个新的很棒的主题呢？</p> -->
<!-- 					          </a> -->
<!-- 					        </li> -->
<!-- 					        <li> -->
<!-- 					          <a href="#"> -->
<!-- 					            <div class="pull-left"> -->
<!-- 					              <img th:src="@{/images/user3-128x128.jpg}" class="img-circle" alt="User Image"> -->
<!-- 					            </div> -->
<!-- 					            <h4> -->
<!-- 					              销售部门 -->
<!-- 					              <small><i class="fa fa-clock-o"></i> 昨天</small> -->
<!-- 					            </h4> -->
<!-- 					            <p>为什么不买一个新的很棒的主题呢？</p> -->
<!-- 					          </a> -->
<!-- 					        </li> -->
<!-- 					        <li> -->
<!-- 					          <a href="#"> -->
<!-- 					            <div class="pull-left"> -->
<!-- 					              <img th:src="@{/images/user4-128x128.jpg}" class="img-circle" alt="User Image"> -->
<!-- 					            </div> -->
<!-- 					            <h4> -->
<!-- 					              评论家 -->
<!-- 					              <small><i class="fa fa-clock-o"></i> 2 天</small> -->
<!-- 					            </h4> -->
<!-- 					            <p>为什么不买一个新的很棒的主题呢？</p> -->
<!-- 					          </a> -->
<!-- 					        </li> -->
<!-- 					      </ul> -->
<!-- 					    </li> -->
<!-- 					    <li class="footer"><a href="#">看到所有的消息</a></li> -->
<!-- 					  </ul> -->
<!-- 					</li> -->
					
					<!-- Notifications: style can be found in dropdown.less -->
<!-- 					<li class="dropdown notifications-menu"> -->
<!-- 					  <a href="#" class="dropdown-toggle" data-toggle="dropdown"> -->
<!-- 					    <i class="fa fa-bell-o"></i> -->
<!-- 					    <span class="label label-warning">10</span> -->
<!-- 					  </a> -->
<!-- 					  <ul class="dropdown-menu"> -->
<!-- 					    <li class="header">有10个通知</li> -->
<!-- 					    <li> -->
<!-- 					      inner menu: contains the actual data -->
<!-- 					      <ul class="menu"> -->
<!-- 					        <li> -->
<!-- 					          <a href="#"> -->
<!-- 					            <i class="fa fa-users text-aqua"></i> 今天有5名新成员加入 -->
<!-- 					          </a> -->
<!-- 					        </li> -->
<!-- 					        <li> -->
<!-- 					          <a href="#"> -->
<!-- 					            <i class="fa fa-warning text-yellow"></i> 这里的描述很长，可能不适合页面，并可能导致设计问题 -->
<!-- 					          </a> -->
<!-- 					        </li> -->
<!-- 					        <li> -->
<!-- 					          <a href="#"> -->
<!-- 					            <i class="fa fa-users text-red"></i> 5名新成员加入 -->
<!-- 					          </a> -->
<!-- 					        </li> -->
<!-- 					        <li> -->
<!-- 					          <a href="#"> -->
<!-- 					            <i class="fa fa-shopping-cart text-green"></i> 25的销售业绩 -->
<!-- 					          </a> -->
<!-- 					        </li> -->
<!-- 					        <li> -->
<!-- 					          <a href="#"> -->
<!-- 					            <i class="fa fa-user text-red"></i> 你更改了用户名 -->
<!-- 					          </a> -->
<!-- 					        </li> -->
<!-- 					      </ul> -->
<!-- 					    </li> -->
<!-- 					    <li class="footer"><a href="#">查看所有</a></li> -->
<!-- 					  </ul> -->
<!-- 					</li> -->

					<!-- Tasks: style can be found in dropdown.less -->
<!-- 					<li class="dropdown tasks-menu"> -->
<!-- 					  <a href="#" class="dropdown-toggle" data-toggle="dropdown"> -->
<!-- 					    <i class="fa fa-flag-o"></i> -->
<!-- 					    <span class="label label-danger">9</span> -->
<!-- 					  </a> -->
<!-- 					  <ul class="dropdown-menu"> -->
<!-- 					    <li class="header">你有9个任务</li> -->
<!-- 					    <li> -->
<!-- 					      inner menu: contains the actual data -->
<!-- 					      <ul class="menu"> -->
<!-- 					        <li>Task item -->
<!-- 					          <a href="#"> -->
<!-- 					            <h3> -->
<!-- 					              设计一些按钮 -->
<!-- 					              <small class="pull-right">20%</small> -->
<!-- 					            </h3> -->
<!-- 					            <div class="progress xs"> -->
<!-- 					              <div class="progress-bar progress-bar-aqua" style="width: 20%" role="progressbar" -->
<!-- 					                   aria-valuenow="20" aria-valuemin="0" aria-valuemax="100"> -->
<!-- 					                <span class="sr-only">20%完成</span> -->
<!-- 					              </div> -->
<!-- 					            </div> -->
<!-- 					          </a> -->
<!-- 					        </li> -->
<!-- 					        end task item -->
<!-- 					        <li>Task item -->
<!-- 					          <a href="#"> -->
<!-- 					            <h3> -->
<!-- 					              创建一个漂亮的主题 -->
<!-- 					              <small class="pull-right">40%</small> -->
<!-- 					            </h3> -->
<!-- 					            <div class="progress xs"> -->
<!-- 					              <div class="progress-bar progress-bar-green" style="width: 40%" role="progressbar" -->
<!-- 					                   aria-valuenow="20" aria-valuemin="0" aria-valuemax="100"> -->
<!-- 					                <span class="sr-only">40% 完成</span> -->
<!-- 					              </div> -->
<!-- 					            </div> -->
<!-- 					          </a> -->
<!-- 					        </li> -->
<!-- 					        end task item -->
<!-- 					        <li>Task item -->
<!-- 					          <a href="#"> -->
<!-- 					            <h3> -->
<!-- 					              一些我需要做的任务 -->
<!-- 					              <small class="pull-right">60%</small> -->
<!-- 					            </h3> -->
<!-- 					            <div class="progress xs"> -->
<!-- 					              <div class="progress-bar progress-bar-red" style="width: 60%" role="progressbar" -->
<!-- 					                   aria-valuenow="20" aria-valuemin="0" aria-valuemax="100"> -->
<!-- 					                <span class="sr-only">60% 完成</span> -->
<!-- 					              </div> -->
<!-- 					            </div> -->
<!-- 					          </a> -->
<!-- 					        </li> -->
<!-- 					        end task item -->
<!-- 					        <li>Task item -->
<!-- 					          <a href="#"> -->
<!-- 					            <h3> -->
<!-- 					              让美丽的转换 -->
<!-- 					              <small class="pull-right">80%</small> -->
<!-- 					            </h3> -->
<!-- 					            <div class="progress xs"> -->
<!-- 					              <div class="progress-bar progress-bar-yellow" style="width: 80%" role="progressbar" -->
<!-- 					                   aria-valuenow="20" aria-valuemin="0" aria-valuemax="100"> -->
<!-- 					                <span class="sr-only">80% 完成</span> -->
<!-- 					              </div> -->
<!-- 					            </div> -->
<!-- 					          </a> -->
<!-- 					        </li> -->
<!-- 					        end task item -->
<!-- 					      </ul> -->
<!-- 					    </li> -->
<!-- 					    <li class="footer"> -->
<!-- 					      <a href="#">查看所有任务</a> -->
<!-- 					    </li> -->
<!-- 					  </ul> -->
<!-- 					</li> -->

					<li class="dropdown user user-menu">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown">
<!-- 						<img th:src="@{/images/user2-160x160.jpg}" class="user-image" alt="User Image"> -->
<!--           			<img th:src="@{/images/user2-160x160.jpg}" class="img-circle" alt="User Image"> -->
<!--           			<img th:src="@{/images/user1-128x128.jpg}" class="img-circle" alt="User Image"> -->
							<img th:src="@{/images/user8-128x128.jpg}" class="user-image" alt="User Image">
						  <span class="hidden-xs" th:text="${session.USER_LOGIN.username}"></span>-<span class="hidden-xs" th:text="${session.USER_LOGIN.name}"></span>
						</a>
			            <ul class="dropdown-menu">
			              <!-- User image -->
			              <li class="user-header">
			                <img th:src="@{/images/user2-160x160.jpg}" class="img-circle" alt="User Image">
			                <p>
			                	<span th:text="${session.USER_LOGIN.name}"></span> - 
			                	<span th:text="${session.USER_LOGIN.roleName}"></span>
			                  	<small th:text="${#dates.format(session.USER_LOGIN.birthday, 'yyyy-MM-dd')}"></small>
			                </p>
			              </li>
			              <!-- Menu Body -->
			              <li class="user-body">
			               <!-- 
			              	<div class="row">
			                  <div class="col-xs-4 text-center">
			                    <a href="#">Followers</a>
			                  </div>
			                  <div class="col-xs-4 text-center">
			                    <a href="#">Sales</a>
			                  </div>
			                  <div class="col-xs-4 text-center">
			                    <a href="#">Friends</a>
			                  </div>
			                </div>
			                -->
			                <div class="row">
			                  <div class="col-xs-12">
			              		部门：<span th:text="${session.USER_LOGIN.orgName}"></span>
			                  </div>
			                </div>
			                <div class="row">
			                  <div class="col-xs-12">
			                  	 电话：<span th:text="${session.USER_LOGIN.phone}"></span>
			                  </div>
			                </div>
			                <div class="row">
			                  <div class="col-xs-12">
			              		邮箱：<span th:text="${session.USER_LOGIN.email}"></span>
			                  </div>
			                </div>
			              </li>
			              <!-- Menu Footer-->
			              <li class="user-footer">
			                <div class="pull-left">
			                  <a href="#" onclick="showUserOneselfModal()" class="btn btn-default btn-flat">编辑资料</a>
			                </div>
			                <div class="pull-right">
			                  <a href="#" onclick="showUserPasswordModal()" class="btn btn-default btn-flat">修改密码</a>
			                </div>
			              </li>
			            </ul>
					</li>
					<li>
						<a th:href="@{/login/logout}"><i class="glyphicon glyphicon-log-out"></i></a>
					</li>
				</ul>
			</div>
	    </nav>
  </header>
</body>
</html>